<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html 
	  xml:lang="es" lang="es"
	  xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core" 
      xmlns:a4j="http://richfaces.org/a4j"
      xmlns:rich="http://richfaces.org/rich">
      
   
  <f:loadBundle basename="resources" var="msg" />
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />  
		<title>
			<ui:insert name="pageTitle">Java Enterprise Document System</ui:insert>
		</title>
	<link rel="shortcut icon" type="image/x-icon" href="/jeds/images/favicon.ico" />	
	<link rel="stylesheet" href="/styles/grid.css" type="text/css" media="screen, projection" />
	<link rel="stylesheet" href="/jeds/styles/grid.css" type="text/css" media="screen, projection" />
  	
  	<link rel="stylesheet" href="/styles/layout.css" type="text/css" media="screen, projection" />
	<link rel="stylesheet" href="/jeds/styles/layout.css" type="text/css" media="screen, projection" />
  
  	<link rel="stylesheet" href="/styles/listas.css" type="text/css" media="screen, projection" />
	<link rel="stylesheet" href="/jeds/styles/listas.css" type="text/css" media="screen, projection" />
  	
  	<link rel="stylesheet" href="/styles/forms.css" type="text/css" media="screen, projection" />
	<link rel="stylesheet" href="/jeds/styles/forms.css" type="text/css" media="screen, projection" />
  

	</head>
<body>

	<div class="container">	
	<div id="header" style="background-color:#C3D9FF;height: 70px;">	
		<div class="span-17">
		<h:graphicImage style="margin-left:3px;margin-top:6px;" value="/images/jeds.gif" />
		</div>
		<div class="span-4">
			<div style="margin-bottom:2px;margin-left:60px;background-color:#C3D9FF;-moz-border-radius: 3px;width:200px;height:55px;">
			<rich:panel  id="login-box" rendered="#{Login.usuario != null}">
					<h:form style="display:inline;margin:0px;width:200px;height:100px;border:0;">
					<h:graphicImage value="/imgs/caras/#{Login.usuario}.jpg" width="40" />
				<p style="float:right;text-align:left;">
				Bienvenid@!<br />
				
				<h:commandLink value="Salir" action="#{Login.salir}">
					</h:commandLink>
				</p>
				</h:form>
			</rich:panel>
			
			
			</div>
		</div>
			
			
		</div>
		
    <style>
    .pic {
        margin-bottom: -4px;
        margin-right: 2px;
    }
    
    .row1{
 background:#FFFFFF;
}
 
.row2{
 background:#F8F8F8;
}
 
    </style>

		<div class="span-24" style="height: 34px;">
			<h:form id="form_menu">
			<div >
			<rich:toolBar>
			<rich:toolBarGroup>
			<rich:dropDownMenu>
                <f:facet name="label"> 
                    <h:panelGroup>
                       <rich:menuItem  value="Inicio"  submitMode="none"
                	icon="/images/iconos/home.png"
                    onclick="document.location.href='/jeds/pages/home.jsf'" />
                    </h:panelGroup>
                </f:facet>
            </rich:dropDownMenu>
            <rich:dropDownMenu>
                <f:facet name="label"> 
                    <h:panelGroup>
                        <h:graphicImage height="16px" value="/images/iconos/correo.png" styleClass="pic"/>
                        <h:outputText value="Correo electrónico"/>
                    </h:panelGroup>
                </f:facet>
                              
                <rich:menuItem  value="Ver correos"  submitMode="none"
                	icon="/images/iconos/correo.png"
                    onclick="document.location.href='/jeds/pages/correo/correo.jsf'">
                </rich:menuItem>
                
                
					
                <rich:menuSeparator id="menuSeparator11" />
                
                <rich:menuItem  value="Nuevo contacto"  submitMode="none"
                	icon="/images/iconos/buscar.png"
                    onclick="document.location.href='/jeds/pages/correo/correo.jsf'">
                </rich:menuItem>

                <rich:menuItem  value="Libreta de direcciones"  submitMode="none"
                	icon="/images/iconos/direcciones.png"
                    onclick="document.location.href='/jeds/pages/contactos/contactos.jsf'">
                </rich:menuItem>
				
                
                
            </rich:dropDownMenu>
            <rich:dropDownMenu>
                <f:facet name="label"> 
                    <h:panelGroup>
                        <h:graphicImage height="16px" value="/images/iconos/tareas.png" styleClass="pic"/>
                        <h:outputText value="Gestión de tareas"/>
                    </h:panelGroup>
                </f:facet>
                <rich:menuItem submitMode="ajax" value="Nueva tarea" 
                     icon="/images/iconos/buscar.png"                     
                     onclick="document.location.href='/jeds/pages/tareas/tareas.jsf?nuevoModulo=si'"/>
                <rich:menuItem submitMode="none" value="Ver tareas"
                     icon="/images/iconos/tareas.png"
                     onclick="document.location.href='/jeds/pages/tareas/tareas.jsf'"/>

                <rich:menuItem submitMode="ajax" value="Reportes de rendimiento" 
                icon="/images/iconos/estadisticas.png" />
                <rich:menuSeparator id="menuSeparator12" />
                <rich:menuItem submitMode="ajax" value="Configuración de tareas"
                     />

            </rich:dropDownMenu>
            <rich:dropDownMenu>
                <f:facet name="label"> 
                    <h:panelGroup>
                        <h:graphicImage height="16px" value="/images/iconos/documentacion.png" styleClass="pic"/>
                        <h:outputText value="Sistema de documentación"/>
                    </h:panelGroup>
                </f:facet>
                

            </rich:dropDownMenu>
			<rich:dropDownMenu>
                <f:facet name="label"> 
                    <h:panelGroup>
                        <h:graphicImage height="16px" value="/images/iconos/utilidades.png" styleClass="pic"/>
                        <h:outputText value="Utilidades"/>
                    </h:panelGroup>
                </f:facet>
                <rich:menuItem submitMode="ajax" value="Calculadora" 
                     icon="/images/iconos/calculadora.png">
                </rich:menuItem>
                

            </rich:dropDownMenu>
            </rich:toolBarGroup>
            <rich:toolBarGroup location="right">
            <h:inputText style="width:100px" id="buscador"/>
            <h:commandButton value="Buscar"  />
           </rich:toolBarGroup>
            </rich:toolBar>    
       
				</div>
				
			</h:form>
		</div>
		<a4j:outputPanel rendered="#{Login.usuario != null}">
		<div  id="where-i-am">
			<ui:insert name="donde-estoy" >
				Java Enterprise Document System
			</ui:insert>
		</div>
		</a4j:outputPanel>
		<div class="span-24">
		
			<rich:modalPanel id="pnl" height="120" width="83">
				<h:graphicImage url="/images/ajax-loader.gif"/>				
			</rich:modalPanel>
			
			 <a4j:region id="editando">
			<ui:insert name="content">Page Body</ui:insert>
			 <rich:simpleTogglePanel switchType="client" label="Chat" style="position:fixed;right: 0px;width:100px;height:200px;border:1px solid #CCC">
                    The switching between showing and hiding the toggle panel content
                    performs on the client side.
            </rich:simpleTogglePanel>
				
			</a4j:region>
			
		</div>
				
		<hr />

		

  	<div class="span-24" style="margin-top:0px;padding:3px;">
    
	    <a href="http://validator.w3.org/check?uri=referer">
	    <img src="http://88.41.241.125/urbiportal/images/valid-xhtml10.jpg" alt="Valid xHTML 1.0"  class="bottom" />
	    </a>
  	</div>		

	</div>
</body>
</html>
